在 CSS 中，display 属性用于控制一个元素的显示类型。display 属性有多个值，每个值都有不同的布局和行为。以下是一些常见的 display 值及其简要描述：
block：
元素显示为块级元素，占据其父容器的整个宽度（除非设置了宽度）。 每个块级元素都从新的一行开始，并结束于新的一行。
inline：
元素显示为内联元素，不会占据整行，只占据其内容所需的宽度。 内联元素在一行中从左到右排列，直到一行被填满，然后换到下一行。
inline-block：
结合了块级元素和内联元素的特点。 元素不会占据整行，但可以设置宽度和高度。
none：
元素及其子元素都不会被显示。 元素不占据任何空间，仿佛从文档流中完全移除。
flex：
元素成为弹性容器，其子元素成为弹性项目。 允许子元素在主轴和交叉轴上灵活排列和伸缩。
inline-flex：
类似于 flex，但容器本身表现为内联元素。 可以设置宽度和高度，但不会独占整行。
grid：
元素成为网格容器，其子元素成为网格项。 允许在二维布局中精确控制子元素的排列。
inline-grid：
类似于 grid，但容器本身表现为内联元素。
table：
元素显示为块级表格，类似于
| 或 | 元素。
table-caption： 元素显示为表格标题，类似于 table-column： 元素显示为表格列（需要结合 table-column-group： 元素显示为表格列组，类似于 table-header-group： 元素显示为表格头部组，类似于 元素。
table-footer-group： 元素显示为表格尾部组，类似于 |
|---|
